<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>订单管理</title>
    <!--<link rel="stylesheet" type="text/css" href="css/base.min.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />-->
    <link rel="stylesheet" type="text/css" href="{:_SKIN}/user/layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="{:_SKIN}/user/css/baojia.css" />
    <script src="{:_SKIN}/user/layui/lay/dest/layui.all.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css">.layui-table, .layui-table th { text-align: center; font-size: 12px; } .layui-table { margin-top: -10px; } .layui-tab-title a { text-decoration: none; }</style></head>
  
  <body>
    <div class="content">
      <div class="titlebar">
        <div class="titlebar-name">我的订单</div></div>
      <div class="my-s-a">
        <div class="my-s-a-a">
          <input class="my-s-a-a-s" type="text" name="title" value="" onkeypress="" placeholder="输入产品标题">
          <input class="my-s-a-a-b" type="button" value="查找" onclick=""></div>
      </div>
      <div class="layui-tab">
        <ul class="layui-tab-title">
          <li class="layui-this">全部</li>
          <li>下单成功</li>
          <li>支付成功</li>
          <li>已发货</li>
          <li>交易完成</li>
          <li>取消订单</li></ul>
        <div class="layui-tab-content">
          <div class="layui-tab-item layui-show">
            <table class="layui-table">
              <colgroup>
                <col width="100">
                  <col width="100">
                    <col></colgroup>
              <thead>
                <tr>
                  <th>订单编号</th>
                  <th>收货人</th>
                  <th>手机号</th>
                  <th>省市县</th>
                  <th>金额</th>
                  <th>邮费</th>
                  <th>下单时间</th>
                  <th>支付方式</th>
                  <th>
                    <select name="status" id="status" onchange="" style="font-weight: initial;">
                      <option value="0" selected="selected">全部</option>
                      <option value="1">下单成功</option>
                      <option value="2">支付成功</option>
                      <option value="3">已发货</option>
                      <option value="4">交易完成</option>
                      <option value="5">取消订单</option></select>
                  </th>
                  <th>操作</th></tr>
              </thead>
              <tbody>
                <tr>
                  <td>null</td>
                  <td>null</td>
                  <td>null</td>
                  <td>null</td>
                  <td>null</td>
                  <td>null</td>
                  <td>null</td>
                  <td>null</td>
                  <td>null</td>
                  <td>
                    <a href="" style="color: red;">删除</a></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="layui-tab-item">
            <table class="layui-table">
              <colgroup>
                <col width="100">
                  <col width="100">
                    <col></colgroup>
              <thead>
                <tr>
                  <th>订单编号</th>
                  <th>收货人</th>
                  <th>手机号</th>
                  <th>省市县</th>
                  <th>金额</th>
                  <th>邮费</th>
                  <th>下单时间</th>
                  <th>支付方式</th>
                  <th>
                    <select name="status" id="status" onchange="" style="font-weight: initial;">
                      <option value="0" selected="selected">全部</option>
                      <option value="1">下单成功</option>
                      <option value="2">支付成功</option>
                      <option value="3">已发货</option>
                      <option value="4">交易完成</option>
                      <option value="5">取消订单</option></select>
                  </th>
                  <th>操作</th></tr>
              </thead>
              <tbody>
                <tr>
                  <td>l</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>
                    <a href="" style="color: red;">删除</a></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="layui-tab-item">
            <table class="layui-table">
              <colgroup>
                <col width="100">
                  <col width="100">
                    <col></colgroup>
              <thead>
                <tr>
                  <th>订单编号</th>
                  <th>收货人</th>
                  <th>手机号</th>
                  <th>省市县</th>
                  <th>金额</th>
                  <th>邮费</th>
                  <th>下单时间</th>
                  <th>支付方式</th>
                  <th>
                    <select name="status" id="status" onchange="" style="font-weight: initial;">
                      <option value="0" selected="selected">全部</option>
                      <option value="1">下单成功</option>
                      <option value="2">支付成功</option>
                      <option value="3">已发货</option>
                      <option value="4">交易完成</option>
                      <option value="5">取消订单</option></select>
                  </th>
                  <th>操作</th></tr>
              </thead>
              <tbody>
                <tr>
                  <td>p</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>
                    <a href="" style="color: red;">删除</a></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="layui-tab-item">
            <table class="layui-table">
              <colgroup>
                <col width="100">
                  <col width="100">
                    <col></colgroup>
              <thead>
                <tr>
                  <th>订单编号</th>
                  <th>收货人</th>
                  <th>手机号</th>
                  <th>省市县</th>
                  <th>金额</th>
                  <th>邮费</th>
                  <th>下单时间</th>
                  <th>支付方式</th>
                  <th>
                    <select name="status" id="status" onchange="" style="font-weight: initial;">
                      <option value="0" selected="selected">全部</option>
                      <option value="1">下单成功</option>
                      <option value="2">支付成功</option>
                      <option value="3">已发货</option>
                      <option value="4">交易完成</option>
                      <option value="5">取消订单</option></select>
                  </th>
                  <th>操作</th></tr>
              </thead>
              <tbody>
                <tr>
                  <td>t</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>
                    <a href="" style="color: red;">删除</a></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="layui-tab-item">
            <table class="layui-table">
              <colgroup>
                <col width="100">
                  <col width="100">
                    <col></colgroup>
              <thead>
                <tr>
                  <th>订单编号</th>
                  <th>收货人</th>
                  <th>手机号</th>
                  <th>省市县</th>
                  <th>金额</th>
                  <th>邮费</th>
                  <th>下单时间</th>
                  <th>支付方式</th>
                  <th>
                    <select name="status" id="status" onchange="" style="font-weight: initial;">
                      <option value="0" selected="selected">全部</option>
                      <option value="1">下单成功</option>
                      <option value="2">支付成功</option>
                      <option value="3">已发货</option>
                      <option value="4">交易完成</option>
                      <option value="5">取消订单</option></select>
                  </th>
                  <th>操作</th></tr>
              </thead>
              <tbody>
                <tr>
                  <td>w</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>
                    <a href="" style="color: red;">删除</a></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="layui-tab-item">
            <table class="layui-table">
              <colgroup>
                <col width="100">
                  <col width="100">
                    <col></colgroup>
              <thead>
                <tr>
                  <th>订单编号</th>
                  <th>收货人</th>
                  <th>手机号</th>
                  <th>省市县</th>
                  <th>金额</th>
                  <th>邮费</th>
                  <th>下单时间</th>
                  <th>支付方式</th>
                  <th>
                    <select name="status" id="status" onchange="" style="font-weight: initial;">
                      <option value="0" selected="selected">全部</option>
                      <option value="1">下单成功</option>
                      <option value="2">支付成功</option>
                      <option value="3">已发货</option>
                      <option value="4">交易完成</option>
                      <option value="5">取消订单</option></select>
                  </th>
                  <th>操作</th></tr>
              </thead>
              <tbody>
                <tr>
                  <td>e</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>n</td>
                  <td>
                    <a href="" style="color: red;">删除</a></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <script>//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
        layui.use('element',
        function() {
          var element = layui.element();

          //…
        });</script>
    </div>
  </body>

</html>